.container{
    height:100%;
    position:relative;
    overflow: hidden;
}

.smallMapBox{
    border-radius: 5px;
    position:absolute;
    top:50%;
    left: calc(50% - 90px);
    transform:translate(-50%, -50%);
    overflow:hidden;
    background-color:lightgray;
}

.largeMapBox{
    border-radius: 5px;
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:lightgray;
}


/*地图右下角缩放按钮*/
.enlargeBtn{
    position:absolute;
    right:5px;
    bottom:5px;
    z-index:1000;
    width:24px;
    cursor:pointer;
}
.enlargeBtn:hover{
    transform:scale(1.1, 1.1);
}

.layerTree{
    position: absolute;
    z-index: 999;
    top: 1.3rem;
    right: 1.3rem;
    width: 170px;
    background-color: white;
    border-radius: 5px;
}

#tick{
    width: 170px;
    height: 100px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    z-index: 999;
    bottom: 35px;
    right: 1.3rem; 
}

.legendBox{
    position: absolute;
    z-index: 999;
    left: 10px;
    bottom: 30px;
}
.legendBox > div{
    float:left;
}